<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript"></script>
</head>

<body>
  <div th:fragment="notice">
    <div class="notice">
      <!-- 公告管理模态框 -->
      <div class="cd-popup3 notice-pop" id="noticeModal">
        <div class="cd-popup-container3 manageModal noticeStyle">
          <div class="modal-top"></div>
          <div class="modal-title">公告管理</div>
          <div class="tableModal">
            <div class="searchBox">
              发布日期：<input type="text" class="form-control noticeDateStyle date startTime" />
              至
              <input type="text" class="form-control noticeDateStyle date endTime" />
              <span class="btnStyle noticeSearchBtn" id="noticeSearchBtn">搜索</span>
            </div>
            <div class="tableBox">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th width="40"><input type="checkbox" id="noticeTableSelectAll" /></th>
                    <th width="60">序号</th>
                    <th>公告标题</th>
                    <th width="180">发布日期</th>
                    <th width="180">截止日期</th>
                    <th width="100">状态</th>
                    <th width="120">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><input type="checkbox" /></td>
                    <td>12</td>
                    <td>24字</td>
                    <td>2019-02-12 08:30</td>
                    <td>2019-02-12 08:30</td>
                    <td>发布中</td>
                    <td>
                      <span class="seeBtnStyle noticeEdit-trigger">查看详情</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <a href="javascript:;" class="cd-popup-close closeModal"></a>
          <!-- 分页 -->
          <div class="noticePageBox pageBox" id="noticePageBox">
            <ul class="pagination" id="noticePage"></ul>
            <div class="pageJump">
              <span>跳转到</span>
              <input type="text" />
              <span>页</span>
              <button type="button" class="button btn btn-default">
                跳转
              </button>
            </div>
          </div>

          <div class="addBtn addNotice-trigger">添加</div>
          <span class="delete" id="noticeDelBtn"></span>
        </div>
      </div>

      <!-- 公告管理 添加 模态框 -->
      <div class="cd-popup3 addNotice-pop" id="addNoticeModal">
        <div class="cd-popup-container3 manageModal addNoticeStyle">
          <div class="modal-top"></div>
          <div class="modal-title">公告添加</div>
          <div class="tableModal">
            <div class="notice_title">
              <span class="notice_title_text">标题：</span>
              <input type="text" class="form-control notEmptyInput" />
            </div>
            <div style="height:400px;">
              <div class="fl">内容：</div>
              <div class="fr" id="noticeContent">
                <!-- <p>wangEditor 上传图片到服务器</p>
                  <div id="div3">
                      <p>欢迎使用 wangEditor 富文本编辑器</p>
                  </div> -->

                <!-- <p>wangEditor 以base64保存图片文件</p> -->
                <!-- <div id="div4">
                  <p>欢迎使用 wangEditor 富文本编辑器</p>
                </div> -->

                <!-- <p>wangEditor 自定义上传图片</p>
                  <div id="div5">
                      <p>欢迎使用 wangEditor 富文本编辑器</p>
                  </div> -->

                <!-- <div id="div1" class="toolbar"></div>
                  <div style="padding: 5px 0; color: #ccc"></div>
                  <div id="div2" class="text">
                      <p>请在此输入内容</p>
                  </div> -->
              </div>
            </div>
            <!-- <div class="notice_title notice_title1">
                <span class="notice_title_text">发布日期：</span>
                <div class="">
                  <input type="text" class="form-control noticeDateStyle noticeDateStart" />
                </div>
              </div> -->
            <div class="notice_title notice_title1">
              <span class="notice_title_text">截止日期：</span>
              <div class="J-datepicker-end">
                <input type="text" class="form-control noticeDateStyle noticeDateEnd" />
              </div>
            </div>

            <!-- <div class="mt40">
    <div class="c-datepicker-date-editor c-datepicker-single-editor J-datepicker mt10">
      <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
      <input type="text" autocomplete="off" name="" placeholder="选择日期" class=" c-datepicker-data-input" value="2019-04-29 20:59:59">
    </div>
  </div> -->
          </div>
          <a href="javascript:;" class="cd-popup-close closeModal"></a>
          <button class="btn btn-primary mt20" id="addNoticeBtn" style="background-color: #70abe1;border: none;" type="submit">
            添加
          </button>
        </div>
      </div>


      <!-- 公告管理 修改 模态框 -->
      <div class="cd-popup3 editNotice-pop" id="editNoticeModal">
        <div class="cd-popup-container3 manageModal addNoticeStyle">
          <div class="modal-top"></div>
          <div class="modal-title">公告修改</div>
          <div class="tableModal">
            <div class="notice_title">
              <span class="notice_title_text">标题：</span>
              <input type="text" class="form-control notice_title_val notEmptyInput" />
            </div>
            <div style="height:400px;">
              <div class="fl">内容：</div>
              <div class="fr" id="noticeContentEdit">


              </div>
            </div>

            <div class="notice_title notice_title1">
              <span class="notice_title_text">截止日期：</span>
              <div class="J-datepicker">
                <input type="text" class="form-control noticeDateStyle noticeDateEnd" />
              </div>
            </div>

          </div>
          <a href="javascript:;" class="cd-popup-close closeModal"></a>
          <button type="button" class="btn btn-primary mt20 allowEdit" style="background-color: #70abe1;border: none;">修改</button>
            
          <button class="btn btn-primary mt20 none" id="editNoticeBtn" style="background-color: #70abe1;border: none;" type="submit">
            确定
          </button>
        </div>
      </div>

      <!-- 删除模态框 delCoonfirmTipModal -->
      <div class="cd-popup3 delTipCancelBox" id="noticeDelBox">
        <div class="cd-popup-container3 tipModal delCoonfirmTipModal">
          <div class="modal-title">确定删除?</div>
          <button type="button" class="btn btn-primary delCoonfirmTipConfirm delConfirm" style="background-color: #70abe1;border: none;">确定</button>
          <button type="button" class="btn btn-primary delCancel delTipCancelBtn" style="background-color: #70abe1;border: none;">取消</button>
        </div>
      </div>
    </div>
  </div>
</body>

</html>